<!DOCTYPE html>
<html>

<head>
    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700%7CRoboto:400,700" rel="stylesheet">
    <link href='style.css' rel='stylesheet' type='text/css'>
    <title>LeftValues Quiz</title>
    <link rel="icon" type="image/png" href="icon.png">
    <link rel="shortcut icon" type="image/png" href="icon.png">
    <meta charset="utf-8">
</head>

<body>

    <h1>LeftValues</h1>
    <select id="langPicker"></select>
    <hr>
    <h2 data-i18n="inst_h2" style="text-align:center;">Instructions</h2>
    <p data-i18n="inst_p" class="question">You will be presented with a series of statements. For each one, click the
        button with your opinion on it.</p>
    <button data-i18n="inst_gotit" class="button" onclick="location.href='quiz.html';"
        style="background-color: #2196f3;">Got it!</button> <br>
    <button data-i18n="inst_nvm" class="button" onclick="location.href='index.html';"
        style="background-color: #f44336;">Wait, nevermind!</button> <br>
    <!-- End of Statcounter Code -->
    <!-- JavaScript for the test itself -->
    <script type="application/javascript" src="i18n.js"></script>
    <!-- Privacy respecting Statcounter code for LeftValues http://leftvalues.github.io -->
    <script type="text/javascript">
        loadTranslation()
        var sc_project = 12079783;
        var sc_invisible = 1;
        var sc_security = "f3285a9d";
        var sc_https = 1;
        if (navigator.doNotTrack != 1) {
            var statcounterscript = document.createElement('script');
            statcounterscript.setAttribute("type", "text/javascript");
            statcounterscript.setAttribute("src", "https://www.statcounter.com/counter/counter.js");
            document.getElementsByTagName("body")[0].appendChild(statcounterscript);
        }
    </script>
</body>

</html>